<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>一直赚</title>
    <link rel="stylesheet" href="css/weui.css"/>
    <link rel="stylesheet" href="css/example.css"/>
    <script src="js/zepto.min.js"></script>
</head>
<body ontouchstart>
<div class="container" id="container">
    <div class="page input js_show">
        <div style='background-color: #CFB489;padding-top: 40px;'>
            <div class="page__title" style="text-align: center;color: #fff;">我的资产(元)<br><span style="font-size: 26px">9999.99</span></div>
            <div class="page__bd page__bd_spacing" style="margin-top: 10px;padding-bottom: 15px">
                <div class="weui-flex" style="color: #ffffff;">
                    <div class="weui-flex__item" style="text-align: center">昨日收益(元)<br><span>999.99</span></div>
                    <div class="weui-flex__item" style="text-align: center">累计收益(元)<br><span>999.99</span></div>
                </div>
            </div>
        </div>
        <div style="padding: 10px 0 10px 0;background-color: #ffffff">
            <div class="page__bd page__bd_spacing">
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center"><h4 style="margin-top: 13px">BOSS推荐 信得过</h4><h4>小家联行 员工专属</h4></div>
                    <div class="weui-flex__item" style="text-align: center"><img style="padding-right: 10px" src="images/lizi.jpeg" width="60" height="60"><img src="images/lizi.jpeg" width="60" height="60"></div>
                </div>
            </div>
        </div>
        <div class="page__bd" style="background-color: #ffffff;">
            <div style="border-top: 1px solid #666">
                <img src="images/Slice1.png" style="width: 28%">
                <div style="text-align: center">全员计划</div>
                <div style="text-align: center;margin-top: 30px">
                    <span style="font-size: 26px;color: #CFB489;">8.15%</span>
                </div>
            </div>
            <div class="page__bd page__bd_spacing" style="margin-top: 30px">
                <div class="weui-flex">
                    <div class="weui-flex__item" style="text-align: center">随时可退</div>
                    <div class="weui-flex__item" style="text-align: center">按日计息</div>
                    <div class="weui-flex__item" style="text-align: center">500元起购</div>
                </div>
            </div>
            <div class="weui-btn-area" style="margin-top: 30px">
                <a class="weui-btn weui-btn_primary" style="background-color: #CFB489;width: 49%;display: inline-block;" href="javascript:" id="showTooltips">继续购买</a>
                <a class="weui-btn weui-btn_primary" style="background-color: #CFB489;width: 49%;display: inline-block;" href="javascript:">提现</a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        var $tooltips = $('.js_tooltips');

        $('#showTooltips').on('click', function(){
            if ($tooltips.css('display') != 'none') return;

            // toptips的fixed, 如果有`animation`, `position: fixed`不生效
            $('.page.cell').removeClass('slideIn');

            $tooltips.css('display', 'block');
            setTimeout(function () {
                $tooltips.css('display', 'none');
            }, 2000);
        });
    });
</script>
</body>
</html>